<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>发布文章 - 夜读书</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="夜读书,帖子">
    <meta name="keywords" content="夜读书，帖子">
    <link rel="stylesheet" href="{{ asset('/style/css/faxian.css') }}">
    <script src="{{ asset('/scripts/jquery/jquery-1.11.3.min.js') }}"></script>
</head>
<body class="ns-cricle-bg ">
    <div id="container">
        <div class="mod-post1">
            <form name="form" id="form" method="post" action="" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
            <div class="mod-pubshuzhai">
                <div class="qz-publish-wrap-header">
                    <a href="javascript:;" onClick="javascript:history.back(-1);"><div class="mod-btn is-gray">取消</div></a>
                    <!-- <a href="javascript:;" onClick="javascript:uploadImg();"> --><div class="mod-btn is-green">发布</div><!-- </a> -->
                </div>
                <div class="editor">
                    <input id="input" class="editor-head" placeholder="请输入文章标题" value="">
                </div>
                <div id="caidan" style="margin: 10px 0;"></div>
                <div id="neirong" style="height: 500px;">
                    <p>请输入正文</p>
                </div>
            </div>
            </form>
        </div>
    </div>
<script type="text/javascript" src="{{url('wangEditor/wangEditor-3.1.1/wangEditor.min.js')}}"></script>
<script type="text/javascript">
    var E = window.wangEditor;
    var editor1 = new E('#caidan','#neirong');
    // 自定义菜单配置
    editor1.customConfig.menus = [
        'bold',       //  粗体
        'fontSize',   // 字号
        'italic',     // 斜体
        'underline',  // 下划线
        'justify',   // 对齐方式
        'image',  // 插入图片
    ];
    // 下面两个配置，使用其中一个即可显示“上传图片”的tab。但是两者不要同时使用！！！
    // editor1.customConfig.uploadImgShowBase64 = true;   // 使用 base64 保存图片
    //editor1.customConfig.uploadImgServer = '{{url('wenzhang/wenzhang_img_upload')}}';  // 上传图片到服务器
    //editor1.customConfig.uploadFileName = 'images'; 
    //开启wangEditor的错误提示，有利于我们更快的找到出错的地方 
    ///editor1.customConfig.debug=true;

    // 将图片大小限制为 3M
    editor1.customConfig.uploadImgMaxSize = 1 * 1024 * 1024;

    // 限制一次最多上传 1 张图片
    editor1.customConfig.uploadImgMaxLength = 1;

    editor1.customConfig.customUploadImg = function (files, insert) 
    { 
        // 构建FormData对象
        var date = new FormData(); 
        date.append("file", files[0]); 
        // $.ajaxSetup({ 
        //     headers: { 'X-CSRF-TOKEN' : '{{ csrf_token() }}' } 
        // }); 
        $.ajax({ 
            type: "POST", 
            url: '{{url('wenzhang/wenzhang_img_upload')}}', 
            data: date,
            dataType: 'json', 
            //async: false,
            //cache: false, 
            contentType: false,
            processData: false, 
            success: function (result) {
                // insert 是获取图片 url 后，插入到编辑器的方法
                insert(result.path);
            },
            error: function(e) {
                alert('上传失败！');
            }
        }) 
    };

    // 隐藏“网络图片”tab
    editor1.customConfig.showLinkImg = false;    
    editor1.customConfig.onfocus = function () {
        if(editor1.txt.text() == '请输入正文'){
            editor1.txt.html('<p></p>');
        }
    };
    editor1.create();
    //$('.w-e-text').attr('style','height:700px;');
    </script>
<script>    
    $('.is-green').click(function(){
        if(($('.editor-head').val()).trim() == '') {
            alert('请输入文章标题');
            $('.editor-head').focus();
        }
        else if(editor1.txt.text() == '请输入正文' || editor1.txt.html() == ''){
            alert('请输入正文内容');
            editor1.onfocus();
        }
        else {
            //上传文章
            $.ajax({
            type : 'post',
            url : '{{url('wenzhang/wenzhang_save')}}',
            data : {
                title : $('#input').val(),
                content  : editor1.txt.html()
            },
            dataType : 'json',
            success : function(data) {
                // 上传成功
                window.location.href = '{{url('wenzhang/lists')}}';
            },
            error : function(e) {
                console.log(e);
                alert('上传失败');
            }
        });
        }
    });
</script>
</body>
</html> 
